/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2014-jun-06, 21:43:56
    Author     : johan
*/

.loginarea 
    {
     position:relative;
     float:left;
     width:350px;
     height:700px;
     background:LightBlue;
     padding:10px;
     margin-left: 5px;	
    }
    .h1login
    {
     text-align: center;
     background: LightBlue;
    }
    .logtext
    {
    font-size: 10px;
    color:grey;
    }
    .foot 
    {
    background-color:LightBlue;
    clear:both;
    text-align:center;
    margin-top: 10px;
    }
    .contentlogin 
    {
     height:1000px;
     margin-left:auto;
     margin-right:auto;
     background:Lightgrey;
     width:70%;
     padding:50px;
    }
    .description 
    {
     height:700px;
     width: 900px;
     float:left; 
     background:white;
     padding:10px;
     position:relative;
    }
    #wrp
    {
    margin-right:auto;
    margin-left:auto;
    width: 1300px;
    height: 720px;
    padding: 2px;
    }
    
      .box
    {
     border:2px solid #a1a1a1;
     padding:10px 40px; 
     background:#dddddd;
     width:300px;
     height:300px;
     border-radius:15px;
     box-shadow: 10px 10px 5px #888888;
     float:left;
     margin: 5px;
    }
    .header 
    {
    background:LightBlue;
    color:Grey;
   }
    .menu 
    {
    width:200px;
    height:1000px;
    float: left;
    background: linear-gradient(whitesmoke, white);
    margin:5px;
    margin-left: 15px; 
    padding:10px;
    box-shadow: 3px 3px 3px 3px #888888;
    }
    .content 
    {
    width:1000px;
    height:1000px;
    float: left;
    margin-left:20px;
   
    
    }
  
   .hide
   {
    display:none;
    width: 0px;
    height: 0px
   }
  

  .butext {
    background:none;
    border:none;
    text-decoration:underline;
    margin:0;
    padding:0;
    color:lightblue;
    font-size:100%;
   }

  .butext:hover{color:red;}

   #admin 
  {
   background:lightgrey;
   width:250px;
   height:1000px;
   float:right; 
   margin-top: 30px;
   padding:10px;
  }
  
  

 .btl
  {
   width:100px;
   height:100px; 
   background:lightblue;
   padding:10px;
   border-style:solid;
   border-width:1px;
   border-color: lightgrey;
   
  }
	        
	#container
        {
           width:70%; margin-left:auto; margin-right:auto;
           height: 1060px; 
           padding-top:0px;
        
        }
       
        
        
    /* addnturse*/ 
        
         .header2 
    {
    background:LightBlue;
    color:Grey;
    } 
    #drop
    {
     width :400px;
     height:100px;
     padding: 20px;
     text-align :left;
     font-size: 20px; 
     margin:10px;
    }

    .frmc 
    {
     width :380px;
     background: linear-gradient(#66FF99, #E0FFEB);
     padding: 20px;
     text-align :right; 
     margin-top: 5px;
     color:silver;
     font-family:"Arial", Helvetica, serif;
     
     
    }
    .instructions
    {
	
        color:#a1a1a1;
        font-family:"Arial", Helvetica, serif;
    }
    
    
    
    
    /*.wrap
    {
        border-style: ridge;
        border-color: darkgrey;
        border-width: 1px;
    }*/
    
   table, th,td
{
border:1px inset grey;
border-collapse:collapse;
font-family:"Arial", Helvetica, serif;
color: whitesmoke;

}

th,td
{
padding:5px;
border-right: none;
border-left:none;
}

th
{
   background: linear-gradient(#5D5D5D, #BABABA); 
   color: white;
   border-bottom-style: none;
}

.rightborder
{
    
    border-right: none;
}

.leftborder
{
    border-right: none;
    border-left:none;
}

tr:nth-child(odd)
{
background: linear-gradient(#5D5D5D, #BABABA);
}
tr:nth-child(even)
{
 background: linear-gradient(#66FF99, #47B26B); 
}
td {
    border-bottom-style: none;
    border-top-style: none;
    
}
body
{
     font-family:"Verdana", Helvetica, serif;
     color:darkgrey;
     background-color: white;
     font-weight: lighter;
    
}


h2 
{
    font-family:"Arial";
     font-weight: lighter;
}
/*-----------------------------------------------------------------------------*/
ul#menu
{
padding: 0px;
position: relative;
margin: 0;
}

ul#menu li
{
display: inline;
}

ul#menu li a 
{
background: linear-gradient(#66FF99, #47B26B); 
padding: 10px 20px;
text-decoration: none;
line-height: 2.8em;
color: white;
border-radius: 4px 4px 4px 4px;
}

ul#menu li a:hover
{
background:lawngreen;

}



/* ends section with navpanel styling*/
  
  #cont
  { 
   width:800px; 
   float:left;
   background: linear-gradient(#FFFFFF, #FFFFF6);
   height:1000px;
   border-radius: 4px 4px 4px 4px;
   padding:5px;
   padding-left:50px;
   box-shadow: 3px 3px 3px 3px #888888;
   margin:5px;
  }
  
 
  
  
  /* hidden div*/
  #hide
  {
      
    position: fixed;
    top: 300px;
    right: 600px;
    display: none;
      
      
  }
  
  